<%-- 
    Document   : AddManager
    Created on : Feb 26, 2012, 3:11:17 PM
    Author     : maconcon
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>  <title>FooBar Bookstore</title>
         <script src="jquery.js"></script>
        <script  src="jquery.validate.js"></script>
        <script src="jquery.js"></script>
        <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
        <script src="jquery.js"></script>
        <script src="jquery.ui.core.js"></script>
        <script src="jquery.ui.widget.js"></script>
        <script src="jquery.ui.datepicker.js"></script>

        <script>
            $(function() {
                $( "#expdate" ).datepicker();
            });
        
        
        </script>
        <script type="text/javascript" src="jquery.validate.js"></script>
        <style type="text/css">
            * { font-family: Verdana; font-size: 96%; }
            label { width: 10em; float: left; }
            label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
            p { clear: both; }
            .submit { margin-left: 12em; }
            em { font-weight: bold; padding-right: 1em; vertical-align: top; }
        </style>
                <script>
            $(document).ready(function(){
                $("#RegisterForm").validate({
                    rules: {
                        expdate: {
                            required: true,
                            date: true
                        }
                    }
                }
            );
            });
        </script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <h1>Add Manager</h1>
        
        <form method="post" action="ManagerServlet" id="ManagerForm" name="ManagerForm">
        First Name: <input type="text" name="firstname"  id="firstname "class="required" id="firstname"/><br>
        Last Name: <input type="text" name="lastname" id="lastname" class="required"/><br>
        Middle: <input type="text" name="middlename"  id="middlename "class="required"/><br>
        username: <input type="text" name="username" id="username" class="required"/><br>
        password: <input type="text" name="password"  id="password" class="required"/><br>
        re-type password: <input type="text" name="password" id="password1" class="required" equalTo="#password"/><br>
                        <h2>Type:</h2><!--<input type="text" name="ManType" value="Books"/><br> -->
    <select name ="ManType" id="type" class="creditCardType">
     <option value="">Choose Type</option><br>
    <option value="Book"> Book </option>
    <option value="Magazines"> Magazines </option> 
       <option value="Audio"> Audio </option> 
        <option value="DVD"> DVD </option>
    <br>         <input type="submit" name="submit" value="Add Data"/>
        </form>
    </body>
</html>
